<template>
  <div class="vacationTableIndex">
    <v-title/>
    <v-search/>
    <v-table/>
  </div>
</template>

<script>
import title from './title'
import search from './search'
import table from './table'

export default {
	name: 'vacationTableIndex',
	components: {

		'v-title': title,
		'v-search': search,
		'v-table': table
	},
	data () {
		return {
			userName: ''
		}
	},
	created () {
		this.userName = localStorage.getItem('userName')
	}
}
</script>

<style scoped lang='less'>
.vacationTableIndex {
  background-color: #ffffff;
  min-height: 100vh;
  margin-top: -50px;
  box-sizing: border-box;
  border: 15px solid #f1f1f1;
  border-top: none;
  padding: 0!important;
}
</style>